<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>小米官网</title>
    <link rel="stylesheet" href="./css/mi.css">
    <link rel="stylesheet" href="./css/b.css">


</head>
<body>
<!-- 最顶部 -->
<div class="header">
	<div class="index">
	  <ul class="left">
		<li><a href="">小米网</a></li>
		<li><a href="">MIUI</a></li>
		<li><a href="">米聊</a></li>
		<li><a href="">游戏</a></li>
		<li><a href="">多看阅读</a></li>
		<li><a href="">云服务</a></li>
		<li><a href="">小米移动版</a></li>
		<li><a href="">问题反馈</a></li>
		<li><a class="last"   href="">Select Region</a></li>
	  </ul>
	  <ul class="right">
	  	<li><a class="first"  href="">登录</a></li>
	  	<li><a href="">注册</a></li>
	  	<li><a class="shopping"  href=""><span class="iconfont" >&#xe60c;</span>购物车（0）</a></li>
	  </ul>
	</div>	
</div>
<!-- 小米logo -->
<div class="title">
	<div class="logo">
		<img src="./image/logo.png" alt="">
	</div>
	<div class="order">
		<ul>
			<li><a href="">小米手机</a></li>
			<li><a href="">红米</a></li>
			<li><a href="">平板</a></li>
			<li><a href="">电视&nbsp;&nbsp;盒子</a></li>
			<li><a href="">路由器</a></li>
			<li><a href="">智能硬件</a></li>
			<li><a href="">服务</a></li>
			<li><a href="">社区</a></li>
		</ul>	
	</div>
    <div class="search">
		<form action="">
			<input type="text" class="search_box">
			<input type="submit" class="search_logo"  value="&#xe616;">
		</form>
    </div>
</div>
<!-- 手势大图 -->
<div class="home">
	<div class="gesture">
		<img src="./image/gesture.jpg" alt="">
	</div>
	<div class="uncle"> 
	</div>
	<div class="menu">
		<ul >
			<li><a href="">手机&nbsp;平板&nbsp;电话卡
					<span class="jiantou" >&#xe623;</span>
				</a>		
			</li>
			<li><a href="">电视&nbsp;盒子<span class="jiantou" >&#xe623;</span></a></li>
			<li><a href="">路由器&nbsp;智能硬件<span class="jiantou" >&#xe623;</span></a></li>
			<li><a href="">移动电源&nbsp;插线板<span class="jiantou" >&#xe623;</span></a></li>
			<li><a href="">耳机&nbsp;音响<span class="jiantou" >&#xe623;</span></a></li>
			<li><a href="">电池&nbsp;存储卡<span class="jiantou" >&#xe623;</span></a></li>
			<li><a href="">保护套&nbsp;后盖<span class="jiantou" >&#xe623;</span></a></li>
			<li><a href="">贴膜&nbsp;其他配件<span class="jiantou" >&#xe623;</span></a></li>
			<li><a href="">米兔&nbsp;服装<span class="jiantou" >&#xe623;</span></a></li>
			<li><a href="">箱包&nbsp;其他周边<span class="jiantou" >&#xe623;</span></a></li>
		</ul>
	</div>	
</div>
<!-- 电信专场 -->
<div class="main">
	<div class="main_left">
		<ul>
			<li><a href="">
					<div class="symbol">&#xe640;</div>
					<p class="sign">电信专场</p>
				</a>
			</li>
			<li><a href="">
					<div class="symbol">&#xe63e;</div>
					<p class="sign" >企业团购</p>
				</a>
			</li>
			<li><a href="">
					<div class="symbol">&#xe63b;</div>
					<p class="sign">官方产品</p>
				</a>
			</li>
			<li><a href="">
					<div class="symbol">&#xe641;</div>
					<p class="sign">小米移动</p>
				</a>
			</li>
			<li><a href="">
					<div class="symbol">&#xe63c;</div>
					<p class="sign">话费充值</p>
				</a>
			</li>
			<li><a href="">
					<div class="symbol">&#xe63a;</div>
					<p class="sign">防伪查询</p>
				</a>
			</li>
		</ul>
	</div>
	<div class="main_right">
		<ul >
			<li><a href=""><img src="./image/water.jpg" alt=""></a></li>
			<li><a href=""><img src="./image/note.jpg" alt=""></a></li>
			<li><a href=""><img src="./image/earphone.jpg" alt=""></a></li>
		</ul>
	</div>
</div>
<!-- 小米明星单品 -->
<div class="single">
	<div class="single_left">
		小米明星单品
	</div>
	<div class="single_right">
		<div class="more1">&#xe628;</div>
		<div class="more2">&#xe623;</div>
	</div>
</div>
<div class="product">
	<ul>
		<li>
			<a href="">
				<div class="many">
					<img src="./image/cellphone.jpg" alt="">
				</div>
				<p>小米手机4</p>
			</a>
			<p class="color1">工艺和手感超乎想象</p>
			<p class="color2">1299元起</p>
		</li>
		<li>
			<a href="">
				<div class="many">
					<img src="./image/audio.jpg" alt="">
				</div>
				<p>小钢炮蓝牙音箱</p>
			</a>
			<p class="color1">12小时超长播放金属机身外壳</p>
			<p class="color2">99元</p>
		</li>
		<li>
			<a href="">
				<div class="many">
					<img src="./image/source.jpg" alt="">
				</div>
				<p>小米移动电源10000mAh</p>
			</a>
			<p class="color1">高密度进口电芯，仅名片大小</p>
			<p class="color2">69元起</p>
		</li>
		<li>
			<a href="">
				<div class="many">
					<img src="./image/router.jpg" alt="">
				</div>
				<p>全新小米路由器</p>
			</a>
			<p class="color1">高配版路由器，企业级性能</p>
			<p class="color2">699元起</p>
		</li>
		<li class="many_last">
			<a href="">
				<div class="many">
					<img src="./image/TV.png" alt="">
				</div>
				<p>小米电视2S48英寸影院版</p>
			</a>
			<p class="color1">4K无损画质，薄至9.9mm</p>
			<p class="color2">3499元</p>
		</li>
	</ul>
</div>
<div class="main01">
	
<!-- 智能硬件开始 -->
	<div class="hardware">
		<div class="hardware_left">
			<p>智能硬件</p>
		</div>
		<div class="hardware_right">
			<a class="zi"   href="">查看全部<span class="fu">&#xe623;</span></a>
		</div>
	</div>
	<div class="girl">
		<div class="girl_left">
			<a href=""><img src="./image/girl.jpg" alt=""></a>
		</div>
		<div class="girl_right">
			<ul>
				<li><a href="">
						<div class="girl_list">
							<img src="./image/tizhongcheng.jpg" alt="">
						</div>
						<p>小米体重秤</p>
					</a>
					<p class="girl_list01">高精度压力传感器手机管理全家健康</p>
					<p class="girl_list02">99元</p>
				</li>
				<li><a href="">
						<div class="girl_list">
							<img src="./image/zhinengdengpao.jpg" alt="">
						</div>
						<p>Yeelight LED智能灯泡</p>
					</a>
					<p class="girl_list01">亮度自由调节WIFI远程操作</p>
					<p class="girl_list02">59元</p>	
					<p class="xinpin">新品</p>
				</li>
				<li><a href="">
						<div class="girl_list">
							<img src="./image/yaokongqi.jpg" alt="">
						</div>
						<p>小米万能遥控器</p>
					</a>
					<p class="girl_list01">让手机变身遥控器</p>
					<p class="girl_list02">79元</p>
					<p class="xinpin">新品</p>
				</li>
				<li><a href="">
						<div class="girl_list">
							<img src="./image/luyouqi.jpg" alt="">
						</div>
						<p>小米路由器&nbsp;青春版</p>
					</a>
					<p class="girl_list01">将高性能路由器凝聚于掌心大小</p>
					<p class="girl_list02">79元</p>
				</li>
				<li class="division"><a href="">
						<div class="girl_list">
							<img src="./image/xiangji.jpg" alt="">
						</div>
						<p>小蚁运动相机</p>
					</a>
					<p class="girl_list01">边玩边录边拍，手机随时分享</p>
					<p class="girl_list02">399元</p>
				</li>
				<li class="division"><a href="">
						<div class="girl_list">
							<img src="./image/shexiangji.jpg" alt="">
						</div>
						<p>小蚁智能摄像机</p>
					</a>
					<p class="girl_list01">能看能听能说，手机远程观看</p>
					<p class="girl_list02">99元</p>
				</li>
				<li class="division"><a href="">
						<div class="girl_list">
							<img src="./image/chuangtoudeng.jpg" alt="">
						</div>
						<p>Yeelight床头灯</p>
					</a>
					<p class="girl_list01">触摸式操作，给卧室1600万种颜色</p>
					<p class="girl_list02">249元</p>
				</li>
				<li class="division"><a href="">
						<div class="girl_list">
							<img src="./image/jiatingtaozhuang.jpg" alt="">
						</div>
						<p>小米智能家庭套装</p>
					</a>
					<p class="girl_list01">30多种智能玩法3分钟快速安装</p>
					<p class="girl_list02">199元</p>
				</li>
			</ul>
		</div>
	</div>
<!-- 搭配 -->
	<div class="dapei">
		<div class="dapei_left">
			<p>搭配</p>
		</div>
		<div class="dapei_right">
			<ul>
				<li><a href="">电池存储卡</a></li>
				<li><a href="">电源</a></li>
				<li><a href="">耳机音箱</a></li>
				<li><a href="">热门</a></li>
			</ul>
		</div>
	</div>
	<div class="dapei_list">
		<div class="ad">
			<ul>
				<li><a  class="picture"  href=""><img src="./image/2000mah.jpg" alt=""></a></li>
				<li><a  href=""><img src="./image/peijian.jpg" alt=""></a></li>
			</ul>
		</div>
		<div class="list8">
			<ul>
				<li class="list9" ><a href="">
						<div class="list8-1">
							<img src="./image/niukoudianchi.jpg" alt="">
						</div>
						<p>CR2032纽扣电池</p>
					</a>
					<p class="list8-2">9元</p>
					<p class="list8-3">6286人评价</p>
				</li>
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/chaxianban.jpg" alt="">
						</div>
						<p>小米插线板5孔位</p>
					</a>
					<p class="list8-2">39元</p>
					<p class="list8-3">1406人评价</p>
				</li >
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/caihongdianchi.jpg" alt="">
						</div>
						<p>彩虹5号电池（10粒装）</p>
					</a>
					<p class="list8-2">9.9元</p>
					<p class="list8-3">8928人评价</p>
				</li>
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/chunchuka.jpg" alt="">
						</div>
						<p>32GB高速存储卡（TF Class10）</p>
					</a>
					<p class="list8-2">49.9元</p>
					<p class="list8-3">0人评价</p>
				</li>
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/upanban.jpg" alt="">
						</div>
						<p>小米随身WIFI U盘版</p>
					</a>
					<p class="list8-2">49.9元</p>
					<p class="list8-3">2.9万人评价</p>
				</li>
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/sd8gb.jpg" alt="">
						</div>
						<p>SanDisk 8GB存储卡</p>
					</a>
					<p class="list8-2">17.9元<span>24.9元</span></p>
					<p class="list8-3">29.7万人评价</p>
				</li>
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/dongzhi16gb.jpg" alt="">
						</div>
						<p>东芝存储卡Class10 16GB</p>
					</a>
					<p class="list8-2">39.9元<span>44.9元</span></p>
					<p class="list8-3">7691人评价</p>
				</li>
				<li class="different">	
					<ul>
						<li class="bianxian">
							<div class="bianxian_left">
								<a href="">120cm扁线</a>
								<p class="ziti">19元</p>	
							</div>
							<div class="bianxian_right">
								<a href=""><img src="./image/001.jpg" alt=""></a>
							</div>
						</li>
						<li class="bianxian">
							<div class="liulan1">
								<a href="">
									<p class="liulan3">浏览更多</p>
									<p class="liulan4">电池存储卡</p>
								</a>
							</div>
							<div class="liulan2">
								<a class="iconfont" href="">&#xe615;</a>
							</div>
						</li>
					</ul>
				</li>
		    </ul>
	    </div>
	</div>
<!-- 配件 -->
	<div class="dapei">
		<div class="dapei_left">
			<p>配件</p>
		</div>
		<div class="dapei_right">
			<ul>
				<li><a href="">其他配件</a></li>
				<li><a href="">贴膜</a></li>
				<li><a href="">后盖</a></li>
				<li><a href="">保护套</a></li>
				<li><a href="">热门</a></li>
			</ul>
		</div>
	</div>
	<div class="dapei_list">
		<div class="ad">
			<ul>
				<li><a  class="picture"  href=""><img src="./image/002.jpg" alt=""></a></li>
				<li><a  href=""><img src="./image/003.jpg" alt=""></a></li>
			</ul>
		</div>
		<div class="list8">
			<ul>
				<li class="list9" ><a href="">
						<div class="list8-1">
							<img src="./image/004.jpg" alt="">
						</div>
						<p>小米手机4智能唤醒翻盖保护套</p>
					</a>
					<p class="list8-2">29元</p>
					<p class="list8-3">10.5万人评价</p>
				</li>
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/005.jpg" alt="">
						</div>
						<p>功夫米兔免手机支架</p>
					</a>
					<p class="list8-2">19元</p>
					<p class="list8-3">9792人评价</p>
				</li >
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/006.jpg" alt="">
						</div>
						<p>小米随身WIFI</p>
					</a>
					<p class="list8-2">19.9元</p>
					<p class="list8-3">28.4万人评价</p>
				</li>
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/007.jpg" alt="">
						</div>
						<p>小米自拍杆</p>
					</a>
					<p class="list8-2">49元</p>
					<p class="list8-3">4.6万人评价</p>
				</li>
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/008.jpg" alt="">
						</div>
						<p>小米Note智能唤醒翻盖保护套</p>
					</a>
					<p class="list8-2">49元</p>
					<p class="list8-3">6万人评价</p>
				</li>
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/009.jpg" alt="">
						</div>
						<p>小米手机4标准高透贴膜（2片装）</p>
					</a>
					<p class="list8-2">19元<span>24.9元</span></p>
					<p class="list8-3">9.5万人评价</p>
				</li>
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/010.jpg" alt="">
						</div>
						<p>小米Note标准高透贴膜（2片装）</p>
					</a>
					<p class="list8-2">19元<span>44.9元</span></p>
					<p class="list8-3">5.9万人评价</p>
				</li>
				<li class="different">	
					<ul>
						<li class="bianxian">
							<div class="bianxian_left">
								<a href="">指环式防滑...</a>
								<p class="ziti">12.5元</p>	
							</div>
							<div class="bianxian_right">
								<a href=""><img src="./image/011.jpg" alt=""></a>
							</div>
						</li>
						<li class="bianxian">
							<div class="liulan1">
								<a href="">
									<p class="liulan3">浏览更多</p>
									<p class="liulan4">热门</p>
								</a>
							</div>
							<div class="liulan2">
								<a class="iconfont" href="">&#xe615;</a>
							</div>
						</li>
					</ul>
				</li>
		    </ul>
	    </div>
	</div>
<!-- 周边 -->
	<div class="dapei">
		<div class="dapei_left">
			<p>周边</p>
		</div>
		<div class="dapei_right">
			<ul>
				<li><a href="">箱包</a></li>
				<li><a href="">生活周边</a></li>
				<li><a href="">米兔</a></li>
				<li><a href="">服装</a></li>
				<li><a href="">热门</a></li>
			</ul>
		</div>
	</div>
	<div class="dapei_list">
		<div class="ad">
			<ul>
				<li><a  class="picture"  href=""><img src="./image/012.jpg" alt=""></a></li>
				<li><a  href=""><img src="./image/013.jpg" alt=""></a></li>
			</ul>
		</div>
		<div class="list8">
			<ul>
				<li class="list9" ><a href="">
						<div class="list8-1">
							<img src="./image/014.jpg" alt="">
						</div>
						<p>简约多功能双肩包</p>
					</a>
					<p class="list8-2">69元</p>
					<p class="list8-3">5546人评价</p>
				</li>
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/015.jpg" alt="">
						</div>
						<p>学院风简双肩包</p>
					</a>
					<p class="list8-2">59元</p>
					<p class="list8-3">4342人评价</p>
				</li >
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/016.jpg" alt="">
						</div>
						<p>小米简约帆布腰包</p>
					</a>
					<p class="list8-2">59元</p>
					<p class="list8-3">8297万人评价</p>
				</li>
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/017.jpg" alt="">
						</div>
						<p>90分旅行箱</p>
					</a>
					<p class="list8-2">299元</p>
					<p class="list8-3">3828人评价</p>
				</li>
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/018.jpg" alt="">
						</div>
						<p>纯色开衫卫衣</p>
					</a>
					<p class="list8-2">89元</p>
					<p class="list8-3">219人评价</p>
				</li>
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/019.jpg" alt="">
						</div>
						<p>立领开衫卫衣</p>
					</a>
					<p class="list8-2">89元<span>129元</span></p>
					<p class="list8-3">1064人评价</p>
				</li>
				<li class="list9"><a href="">
						<div class="list8-1">
							<img src="./image/020.jpg" alt="">
						</div>
						<p>小米LED随身灯增强版</p>
					</a>
					<p class="list8-2">19.9元<span>44.9元</span></p>
					<p class="list8-3">0人评价</p>
				</li>
				<li class="different">	
					<ul>
						<li class="bianxian">
							<div class="bianxian_left">
								<a href="">金属钥匙扣</a>
								<p class="ziti">19元</p>	
							</div>
							<div class="bianxian_right">
								<a href=""><img src="./image/021.jpg" alt=""></a>
							</div>
						</li>
						<li class="bianxian">
							<div class="liulan1">
								<a href="">
									<p class="liulan3">浏览更多</p>
									<p class="liulan4">热门</p>
								</a>
							</div>
							<div class="liulan2">
								<a class="iconfont" href="">&#xe615;</a>
							</div>
						</li>
					</ul>
				</li>
		    </ul>
	    </div>
	</div>


</div>
</body>
</html>